<template>
	<view class="container">
		<!-- Markdown 示例 -->
		<FuiParse
			:content="mdText"
			type="markdown"
			:preview-image="true"
			:custom-style="{ fontSize: '15px', lineHeight: '1.6' }"
		/>

		<!-- HTML 示例 -->
		<FuiParse :content="htmlText" type="html" />
	</view>
</template>

<script>
import FuiParse from '@/components/FuiParse/FuiParse.vue';

export default {
	components: { FuiParse },
	data() {
		return {
			mdText: `
# 一级标题
## 二级标题

> 这是一个引用块
> 支持多行

---

这是一个 \`行内代码\`。

\`\`\`js
console.log('hello');
\`\`\`

- 列表项
- [百度](https://www.baidu.com)

![图片](https://via.placeholder.com/150)
      `,
			htmlText: `
<h1>HTML 标题</h1>
<hr>
<blockquote>HTML 引用</blockquote>
<p>普通段落</p>
<code>var a = 1;</code>
      `,
		};
	},
};
</script>
